<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Struktur Organisasi - Website Resmi Program Studi Perencanaan Wilayah dan Kota ITS</title>
        <meta charset="utf-8">
		<link rel="stylesheet" media="screen" href="<?php echo base_url() ?>css/superfish.css" /> 
		<link rel="stylesheet" media="screen" href="<?php echo base_url() ?>css/superfish-navbar.css" />
        <link rel="stylesheet" href="<?php echo base_url() ?>css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="<?php echo base_url() ?>css/grid.css" type="text/css" media="all">
        <link rel="stylesheet" href="<?php echo base_url() ?>css/style.css" type="text/css" media="all">
        <link rel="stylesheet" href="<?php echo base_url() ?>css/jquery-ui-1.8.5.custom.css" type="text/css" media="all">
        <link href="<?php echo base_url() ?>css/jquery-ui.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="<?php echo base_url() ?>js/jquery-1.4.2.min.js" ></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>js/ddaccordion.js"></script>
        <script type="text/javascript" src="<?php echo base_url() ?>js/jquery.cycle.all.js"></script>
        <script type="text/javascript" src="<?php echo base_url() ?>js/jquery-ui-1.8.5.custom.min.js"></script>
		<script src="<?php echo base_url() ?>js/hoverIntent.js"></script> 
		<script src="<?php echo base_url() ?>js/superfish.js"></script>
		<script> 
			$(document).ready(function(){ 
				$("ul.sf-menu").superfish({ 
					pathClass:  'current' 
				}); 
			}); 
		</script>
        <!--[if lt IE 9]>
              <script type="text/javascript" src="js/html5.js"></script>
        <![endif]-->

        <!--   begin left sidebar code     -->


        <script type="text/javascript">


            ddaccordion.init({
                headerclass: "expandable", //Shared CSS class name of headers group that are expandable
                contentclass: "categoryitems", //Shared CSS class name of contents group
                revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
                mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
                collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
                defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
                onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
                animatedefault: false, //Should contents open by default be animated into view?
                persiststate: true, //persist state of opened contents within browser session?
                toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
                togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
                animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
                oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
                    //do nothing
                },
                onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
                    //do nothing
                }
            })


        </script>

        <style type="text/css">

        .arrowlistmenu{
            width: 180px; /*width of accordion menu*/
        }

        .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
                                    font: bold 14px Arial;
                                    color: white;
                                    background: black url(titlebar.png) repeat-x center left;
                                    -moz-border-radius-topright: 10px;
                                    -moz-border-radius-bottomright: 10px;
                                    border-top-right-radius: 10px;
                                    border-bottom-right-radius: 10px;
                                    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
                                    text-transform: uppercase;
                                    padding: 4px 0 4px 10px; /*header text is indented 10px*/
                                    cursor: hand;
                                    cursor: pointer;
        }

        .arrowlistmenu .menuheader a{
            color:#fff;
            text-decoration:none;
        }

        .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
                                    background-image: url(titlebar-active.png);
        }

        .arrowlistmenu ul{ /*CSS for UL of each sub menu*/
                           list-style-type: none;
                           margin: 0;
                           padding: 0;
                           margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
        }

        .arrowlistmenu ul li{
            padding-bottom: 2px; /*bottom spacing between menu items*/
        }

        .arrowlistmenu ul li a{
            color: #A70303;
            background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
            display: block;
            padding: 2px 0;
            padding-left: 19px; /*link text is indented 19px*/
            text-decoration: none;
            font-weight: bold;
            border-bottom: 1px solid #dadada;
            font-size: 14px;

        }

        .arrowlistmenu ul li a:visited{
            color: #A70303;
            font-family: ColaborateThinRegular;
        }

        .arrowlistmenu ul li a:hover{ /*hover state CSS*/
                                      color: #fff;
                                      background-color: #F3F3F3;
                                      font-family: ColaborateThinRegular;
        }

        </style>
    </head>

    <body>
    <header>
        <nav>
        
            <div class="containerhead">
            <div class="header" align="left" style="color: #D4D0C8; position: absolute"; z-index:-1;>
                <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="110" height="80">
                    <param name="movie" value="<?php echo base_url() ?>/gallery/logo.swf">
                    <param name="quality" value="high">
                    <param name="wmode" value="opaque">
                    <param name="swfversion" value="8.0.35.0">
                    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don?t want users to see the prompt. -->
                    <param name="expressinstall" value="Scripts/expressInstall.swf">
                    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
                    <!--[if !IE]>-->
                    <object type="application/x-shockwave-flash" data="<?php echo base_url() ?>gallery/logo.swf" width="137.5" height="100">
                        <!--<![endif]-->
                        <param name="quality" value="high">
                        <param name="wmode" value="opaque">
                        <param name="swfversion" value="8.0.35.0">
                        <param name="expressinstall" value="Scripts/expressInstall.swf">
                        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                        <div>
                            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                        </div>
                        <!--[if !IE]>-->
                    </object>
                    <!--<![endif]-->
                </object>
            </div>
            <div class="wrapper" style="padding-left: 135px; padding-top: 10px">

                <h1 ><a href="<?php echo base_url() ?>"><strong>
                            Program Studi Perencanaan Wilayah dan Kota</strong></a></h1>
                <ul class="sf-menu sf-navbar">
                    <li><a class="sf-with-ul" href="#">Lab Kota</a>
						<ul>
                            <li><a href="<?php echo base_url() ?>index.php/labkotaprofil">Profil</a></li>
                            <li><a href="<?php echo base_url() ?>index.php/labkotaanggota">Anggota</a></li>
                            <li><a href="<?php echo base_url() ?>index.php/labkotariset">Riset dan Publikasi</a></li>
                        </ul>
                    </li>
                    <li><a class="sf-with-ul"  >Lab Wilayah</a>
                        <ul>
                            <li><a href="<?php echo base_url() ?>index.php/labwilayahprofil">Profil</a></li>
                            <li><a href="<?php echo base_url() ?>index.php/labwilayahanggota">Anggota</a></li>
                            <li><a href="<?php echo base_url() ?>index.php/labwilayahriset">Riset dan Publikasi</a></li>
                        </ul>
                    </li>
                    <li><a class="sf-with-ul"  >Lab Komputasi</a>
                        <ul>
                            <li><a href="<?php echo base_url() ?>index.php/labkomputasiprofil">Profil</a></li>
                            <li><a href="<?php echo base_url() ?>index.php/labkomputasianggota">Anggota</a></li>
                            <li><a href="<?php echo base_url() ?>index.php/labkomputasiriset">Riset dan Publikasi</a></li>
                        </ul>
					</li>
                </ul>
                <h3>Fakultas Teknik Sipil dan Perencanaan ITS</h3>
            </div>
        </div>
        </nav>

    </header>
    <section id="content">
        <div class="top">
            <div class="container">
                <div class="clearfix">
                    <div class="grid9 first">
                        <h2><strong>Struktur Organisasi</strong></h2>
                        <p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat pellentesque erat, at pretium libero ultricies et. Integer molestie tempus odio, quis semper turpis lobortis a. Curabitur dui leo, condimentum eu gravida id, tempus eget tellus. Aliquam erat volutpat. Vivamus et eros at sem tempus scelerisque at non diam. Curabitur ut lobortis turpis. Curabitur volutpat elementum purus sed fringilla. Vestibulum in arcu nibh. In gravida vehicula tellus semper vestibulum. Sed tempus malesuada fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas tristique quam et urna dictum consectetur. Ut ac magna vel felis venenatis tincidunt sed sed nulla. Integer semper pulvinar commodo.
                            Donec nibh ante, consectetur sed egestas ultricies, porttitor ac magna. In pulvinar pulvinar ipsum non auctor. Quisque ac massa lectus. In tempus, ligula vel faucibus ullamcorper, mauris libero sodales justo, id laoreet quam nunc sed sapien. Nullam rhoncus, libero et cursus congue, leo sem elementum turpis, eu varius lacus velit id nibh. Integer vel lorem sit amet purus tincidunt sollicitudin ac non orci. Pellentesque accumsan vulputate velit, sit amet feugiat nibh mattis quis. Vestibulum dolor ligula, luctus ut pretium vel, luctus at elit. Nulla facilisi.
                            Quisque rutrum ipsum vel nunc varius quis pellentesque lectus varius. Nulla laoreet risus lorem. Cras eu lectus a turpis blandit condimentum non nec odio. Maecenas dui erat, cursus in ultricies a, luctus sed magna. Quisque nisi tortor, faucibus vitae porttitor a, fermentum non felis. Vivamus tempus fermentum imperdiet. Nunc ultrices hendrerit metus at varius. Ut in molestie eros. Integer sit amet dolor non massa suscipit ultrices. Donec egestas massa eget enim suscipit volutpat. Donec dui augue, fermentum pharetra blandit vitae, viverra ut lectus. Sed a erat vitae nibh auctor dictum et laoreet nulla.
                            </p>
                    </div>
                    <div class="grid3">
						<ul class="categories">
                        <div class="arrowlistmenu">
                            <h3 class="menuheader expendable"><a href="<?php echo base_url() ?>">Home</a></h3>
                            <h3 class="menuheader expandable">Profil</h3>
                            <ul class="categoryitems">
                                <li><a href="<?php echo base_url() ?>index.php/visimisi">Visi & Misi</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/sejarah">Sejarah</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/struktur">Struktur Organisasi</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/kerjasama">Kerja Sama</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/lokasikampus">Lokasi Kampus</a></li>
                            </ul>
                            <h3 class="menuheader expandable">Civitas Akademika</h3>
                            <ul class="categoryitems">
                                <li><a href="<?php echo base_url() ?>index.php/dosen_c">Dosen</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/karyawan">Karyawan</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/mhs_c">Mahasiswa</a></li>
                                <li><a href="#">Alumni</a></li>
                            </ul>
                            <h3 class="menuheader expandable">Sumber Daya</h3>
                            <ul class="categoryitems">
                                <li><a href="<?php echo base_url() ?>index.php/fasilitas">Fasilitas</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/kurikulum">Kurikulum</a></li>
                                <li><a href="http://share.its.ac.id/">Jurnal</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/media">Media</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/budayakampus">Budaya Kampus</a></li>
                                <li><a href="">Ormawa</a></li>
                            </ul>
                            <h3 class="menuheader expandable">Jalur Penerimaan</h3>
                            <ul class="categoryitems">
                                <li><a href="http://smits.its.ac.id/">SMITS</a></li>
                            </ul>
                            <h3 class="menuheader expandable">Berita & Agenda</h3>
                            <ul class="categoryitems">
                                <li><a href="<?php echo base_url() ?>index.php/artikel/daftar_berita">Berita</a></li>
                                <li><a href="<?php echo base_url() ?>index.php/artikel/daftar_berita_high">Highlights</a></li>
                            </ul>
                        </div>

                    </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="bottom">
            <div class="container">
                <div class="wrapper">
                    <div class="grid3 first">
                        <h3>Follow Us</h3>
                        <ul class="list1">
                            <li><a href="#">Facebook</a></li>
                            <li><a href="#">Twitter</a></li>
                        </ul>
                    </div>
                    <div class="grid3">
                    <h3>Quick Links</h3>
                    <ul class="list2">
                        <li><a href="http://www.its.ac.id">Institut Teknologi Sepuluh November</a></li>
                        <li><a href="http://www.budpar.go.id/budpar/asp/content.asp?id=86">Dinas Pariwisata</a></li>
                        <li><a href="http://bappeda.jatimprov.go.id/">Bapedda Jatim</a></li>
                    </ul>
                </div>
                <div class="grid3">
                    <h3>Pemkab Links</h3>
                    <ul class="list2">
                        <li><a href="http://gresikkab.go.id/">Gresik</a></li>
                        <li><a href="http://www.bangkalankab.go.id/">Bangkalan</a></li>
                        <li><a href="http://www.mojokertokab.go.id/">Mojokerto</a></li>
                        <li><a href="http://www.sumenep.go.id/">Sumenep</a></li>
                        <li><a href="http://www.sidoarjokab.go.id/">Sidoarjo</a></li>
                        <li><a href="http://www.lamongan.go.id/">Lamongan</a></li>
                    </ul>
                </div>
                    <div class="grid3">
                        <div id="datepicker"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="wrapper">
                <div class="copy">&copy; Copyright by <a href="http://dts-itsolution.com">DTS</a></div>
            </div>
        </div>
    </footer>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.pics').cycle({
                fx: 'toss',
                next:   '#next',
                prev:   '#prev'
            });

            // Datepicker
            $('#datepicker').datepicker({
                inline: true
            });

        });
        swfobject.registerObject("FlashID");
    </script>
</body>
</html>